<template>
	<div class="index">
	<el-container>
		<el-header style="padding: 0"><headNav></headNav></el-header>
		<el-container>
			<el-aside width="200px"><menuNav></menuNav></el-aside>
			<el-main><router-view></router-view></el-main>
		</el-container>
	</el-container>
		
		
		
	</div>
</template>
<script>
import headNav from './components/headNav.vue'
import menuNav from './components/menuNav.vue'
export default {
    name:'HOME',
    components:{
		headNav,
		menuNav
	},
	data() {
		return {
		}
	}
}

</script>
<style>
body{
	margin: 0;
	width: 100%;
	height: 100%;
}
.index{
	width: 100%;
	height: 100%;
}
.el-container{
	height: 100%;
}
</style>

